let path=require('path');//获取路径
// let webpack=require('webpack');//获取webpack
module.exports={
    //设置模式:development,production
    mode: 'development',
    //设置入口文件
    entry:path.join(__dirname,"./src/index.js"),
    //设置输出目录
    output:{
        path:path.join(__dirname,'dist'),//输出目录的配置，模板、样式、脚本、图片等资源的路径配置都相对于它
        filename:"bundle.js",//打包文件名
    },
    //设置开发服务器,devserver打包出来的bundle.js会存在内存而不是磁盘，通过localhost/bundle.js直接调用
    devServer:{
        static:{
            directory: path.join(__dirname, 'src'),//告诉服务器从哪里提供内容。只有在你希望提供静态文件时才需要这样做
            //publicPath:"/serve-public-path-url",//对应的url关联到directory内容，类似路由
            watch: true,//监控文件变更,
            serveIndex:true,//如果找不到Index.html就显示目录
        },
        compress: true,//压缩
        hot:true,//热更新
        port: 9000,//指定端口
     }
}
